<template>
    <bi-form ref="form">
        <bi-form-item label="背景颜色" >
            <bi-color v-model="form.backgroundColor"></bi-color>
        </bi-form-item>
        <bi-form-item label="页面边距">
            <input-size v-model="form.pagePadding" ></input-size>
        </bi-form-item>
        <bi-form-item label="行间距">
            <input-size v-model="form.rowPadding" ></input-size>
        </bi-form-item>
        <bi-form-item label="组件间距">
            <input-size v-model="form.modelPadding" ></input-size>
        </bi-form-item>
    </bi-form>
</template>

<script>
import inputSize from './field/input-size.vue';
export default{
    components:{
        inputSize
    },
    dialog:{
        title:'页面样式',
    },
    data(){
        let form = {
            backgroundColor:'',
            pagePadding:'',
            rowPadding:'',
            modelPadding:'',
        }

        this.$assign(form,this.param);

        return {
            form,
        }
    },
    props:{
        param:{
            type:Object,
            default:{}
        }
    },
    methods:{
        dialogOk(){
            this.dialog.callback(this.form);
            return true;
        }
    }
}
</script>